<template>
    <div>
        <div class="hear-1">
            <div class="hear-con1 pu-con">
                <span>
                    <router-link to="/home">返回中国广告资讯网首页</router-link>
                </span>
                <!-- <span>
                    <router-link to="/login">登录注册</router-link>
                    <router-link to="/login">关于我们</router-link>
                </span>-->
            </div>
        </div>
        <div class="hear-2 pu-con">
            <router-link to>
                <img src="../assets/1.png" alt />
            </router-link>
            <span>
                <p></p>
                <p>供需直达</p>
            </span>
            <!-- <div>
                <input v-model="seachName" type="text" placeholder="请输入您要输入的关键字！" />
                <button>
                    <i class="iconfont iconsousuo"></i>
                </button>
            </div>-->
        </div>
        <div class="hear-3">
            <div class="nav pu-con">
                <router-link to="/gxzd/home">首页</router-link>
                <router-link to="/gxzd/buy">我要买</router-link>
                <router-link to="/gxzd/sell">我要卖</router-link>
                <router-link to="/gxzd/huwai">商家推荐</router-link>
                <router-link to="/gxzd/gglist">国家广告产业园</router-link>
            </div>
        </div>
        <div style="height:10px"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            seachName: '',
        }
    },
    methods: {
        uncultivated() {
            this.$message({
                message: '功能暂未开放，敬请期待',
                type: 'warning'
            });
        },
    }
}
</script>

<style scoped>
.hear-1 {
    background-color: rgb(238, 238, 238);
}
.hear-1 > div {
    display: flex;
    align-items: center;
    height: 35px;
    justify-content: space-between;
}
.hear-1 > div span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}
.hear-1 > div span a {
    font-size: 13px;
    color: #333;
    margin-left: 10px;
}
.hear-2 {
    display: flex;
    align-items: center;
    padding: 30px 0;
}
.hear-2 div {
    border: 1px solid rgb(160, 160, 160);
    width: 316px;
    height: 35px;
    display: flex;
}

.hear-2 div input {
    border: 0;
    flex: 1;
    padding: 0 10px;
    box-sizing: border-box;
}
.hear-2 div button {
    border: 0;
    border-left: 1px solid rgb(160, 160, 160);
    height: 35px;
    width: 50px;
    background: #fff;
    cursor: pointer;
}
.hear-2 > span {
    margin-left: 15px;
    display: flex;
    align-items: center;
}
.hear-2 span p:nth-child(1) {
    width: 1px;
    height: 50px;
    background-color: #371f75;
}
.hear-2 span p:nth-child(2) {
    font-size: 26px;
    color: #371f75;
    margin-left: 15px;
}

.hear-3 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #af1e23;
}
.hear-3 > div {
    display: flex;
    align-items: center;
}
.hear-3 > div > a {
    width: 180px;
    color: #000;
    font-size: 17px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
}
.hear-3 > div > a::before {
    content: "/";
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
}
.hear-3 > div > a:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
}
.hear-3 > div > a:hover {
    color: #af1e23;
}

.weix {
    position: relative;
}
.weix:hover span {
    display: block;
}
.weix span {
    position: absolute;
    width: 140px;
    height: 140px;
    top: 36px;
    right: 0;
    z-index: 5555;
    display: none;
}

.weix span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-left: 0 !important;
}
</style>